<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text"><button>确定</button>
    <div>
        <input type="password">
    </div>
    <script>
        // 正则表达式
        //      一段规则  可以检验字符串是否符合我们定义的规则
        // let reg = new RegExp("匹配de规则", "检查匹配的范围");
        // g 代表全局匹配
        // i代表不区分大小写
        // let reg2 = /匹配规则/检查匹配的范围
        // g 代表全局匹配    (继续匹配   会记录上次查找的位置  lastIndex)
        // i代表不区分大小写

        // let str = "abcfdegfhfijk"
        // let reg = new RegExp("f","i")//是否有大小写f
        // console.log(reg);
        // test()  判断 传入字符串 是否符合正则规则  符合返回true  不符合返回false
        // let reg = /f/g
        // match()  将符合正则规则的字符串提取出来 
        // 语法 字符串.match(正则表达式)
        // replace  替换字符串
        // 字符串.replace("正则/字符串","新字符串")
        // console.log(str.match(reg));
        // console.log(str.replace(reg,"F"));//replace 替换所有f 

        // let a = reg.test(str)
        // console.log(a);
        // let b = reg.test(str)
        // console.log(b);


        // let str = "adff74 as2f 97 8af16af087 t0af4309";
        // let reg = /1|2/g
        // let reg = /\d/g
        // \d 代表0-9
        // let reg = /\w/g
        // \w 代表所有字符
        // let reg = /\s/g
        // \s  代表空格

        // console.log(reg.test(str));
        // let a = str.replace(reg,"")
        // console.log(a);


        // let reg1  = /[0-9]/g  //匹配所有数字
        // let reg2  = /[a-z]/g  //匹配所有小写英文字母
        // let reg3  = /[A-Z]/g  //匹配所有大写英文字母
        // let reg4  = /[A-z]/g  //匹配所有大小写英文字母

        // let reg5 = /^[a-z]/ //必须以小写字母开头  /^代表必须以什么开头
        // let reg5 = /^[a-z][0-9]$/ //必须以小写字母开头  /^代表必须以什么开头
        // {4}该规则匹配四次
        // {4,8} 匹配4-8次
        // {5,}  匹配五次以上
        // console.log(reg5.test("a123abc"));

        let ipt = document.querySelector("input")
        let ipt2 = document.querySelector("div input")
        let btn = document.querySelector("button")
        btn.onclick = function () {
            let reg1 = /[0-9]{5,12}/
            let reg2 = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{5,12}$/
            if (!reg1.test(ipt.value) && !reg2.test(ipt2.value)) {
                alert("输入账号或密码错误")
                
                return
            }
            console.log("登录成功");
            ipt.value = ""
            ipt2.value = ""
        }
    </script>
</body>

</html>